<template>
    <div class="base">
        <el-input v-model="item.title" class="first"   />
        <el-input v-model="item.url" class=" second" />
        <el-button color="#626aef"  type="success" plain @click="href(item.url)">点击前往</el-button>
    </div>
</template>

<script setup>
defineProps({
    item: {
        type: Object,
        default:()=>{}
    }
})
const href = (url) => {
    window.open(url,'scrollbars=yes,status=yes')
}
</script>

<style lang="scss" scoped>
.base{
    display: flex;
    flex-direction: row;
    margin-top: 10px;
    justify-content: center;
}
.first{
    width: 21%;
}
.second{
    width: 40%;
}

</style>